Midterm Task 2: HTML list and Table
Back to Portfolio
Browser Output
View Full in New Tab
Source Code
View Code Picture
<!DOCTYPE html> <html> <head> <title>act1</title> </head> <body> <h2>UNORDERED and ORDERED LISTS</h2> <ul> <li>Item 1 <ul> <li>Hello <ol type="a"> <li>Hello</li> <li>Hi</li> <li>Goodbye <ul> <li>Sayonara</li> <li>Adios</li> <li>Paalam</li> </ul> </li> </ol> </li> <li>Hi</li> <li>Goodbye</li> </ul> </li> <li>Item 2 <ul> <li>Hello</li> <li>Hi</li> <li>Goodbye</li> </ul> </li> </ul> <ol> <li>Item 3 <ol start="5"> <li>Hello</li> <li>Hi</li> <li>Goodbye</li> </ol> <li>Item 4 <ol start="5"> <li>Hello</li> <li>Hi</li> <li>Goodbye</li> </ol> </li> </ol> <table border="1" cellpadding="10" cellspacing="0" width="100%" style="text-align:center;"> <tr> <td colspan="4">Merging Table</td> </tr> <tr> <td rowspan="3"><center>A</center></td> <td>B</td> <td>C</td> <td rowspan="3"><center>G</center></td> </tr> <tr> <td colspan="2">D</td> </tr> <tr> <td>E</td> <td>F</td> </tr> <tr> <td colspan="4">H</td> </tr> </table> </body> </html>